// 入口函数 
$(function() {
    // 需求1.调用用户渲染信息
    getUserInfo()

    // 需求二: 退出登录
    $('#loginout').click(function() {
        //eg1
        // layui里面的询问框,点击确定才会执行回调函数里面的代码
        layer.confirm('确定退出登录吗?', { icon: 3, title: '提示' }, function(index) {
            //do something
            //销毁token,跳转登录页
            location.href = '/login.html'
            localStorage.removeItem('token')
                // 关闭登录提示
            layer.close(index);
        });

    })
})

// 需求1
// 获取用户信息渲染头像封装成函数
// 要求:必须设置为全局函数,
// 设置一个全局函数,将来其他页面要调用,
function getUserInfo() {

    // 设置axios
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // 不需要参数所以不用写data,
        // 设置自定义请求头
        // headers: {
        //     // 设置身份认证信息
        //     Authorization: localStorage.getItem('token')
        // }
    }).then((res) => {
        // console.log(res.data);
        // 判断是否获取成功
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        // 调用渲染头像
        renderAvatar(res.data.data)
            // console.log(res.data.data);

    })

}
//  渲染用户信息和 头像
function renderAvatar(user) {
    // 渲染欢迎,如果有nickname优先渲染nickname,如果没有渲染username
    // ||链接两个值,如果是第一个值是false,返回第二个值,无论第二个值是什么
    let name = user.nickname || user.username
        // 渲染到网页上
    $('.welcome').html('欢迎&nbsp;' + name)
        // 判断user_pic有没有头像 如果没有显示文字头像 如果有显示头像
    if (user.user_pic != null) {
        // 表示有图片
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)
    } else {
        // 没有图片
        $('.layui-nav-img').hide()
            // 渲染第一个单词字符,大写
        let first = name[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}